<template>
  <div class="account-container">
    <main class="norem">
      <p class="title">Contact Us</p>
      <p class="main">Have a question about Bytetapper?</p>
      <p class="text">
        Whether you have any questions about our products and services, are
        interested in cooperation, or would like to share valuable suggestions,
        please feel free to contact us at any time. We value every user's
        feedback and are committed to providing you with the highest quality
        service experience.
      </p>
      <p class="text">
        Email: If you would like to elaborate on your questions or needs, you
        can send an email to <a href="">services@Bytetapper.com</a> <br />
        We will carefully read and reply to your email within 24 hours.
      </p>
      <p class="text">
        Thank you again for your attention and support to our website. Looking
        forward to hearing from you!
      </p>
    </main>
  </div>
</template>

<style lang="scss" scoped>
.account-container {
  color: #fff;
  .norem {
    padding: 20px;
    .title {
      margin-bottom: 40px;
      font-size: 22px;
      font-weight: bold;
    }
    .main {
      margin-bottom: 20px;
      font-size: 18px;
      font-weight: bold;
    }
    .sub {
      padding-left: 10px;
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: bold;
    }
    .text {
      margin-bottom: 20px;
      font-size: 16px;
      line-height: 26px;
      color: #bdbfce;
      a {
        color: #ffa330;
      }
    }
  }
}
</style>
